<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>CV-XUEBA</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">

    <!-- Favicons -->
    <link href="img/logos/logo-sm.png" rel="icon">
    <link href="img/logos/logo-sm.png" rel="apple-touch-icon">

    <!-- Google Fonts -->
<!--    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,500,600,700,700i|Montserrat:300,400,500,600,700"-->
<!--          rel="stylesheet">-->

    <!-- Bootstrap CSS File -->
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Libraries CSS Files -->
    <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="lib/animate/animate.min.css" rel="stylesheet">
    <link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">

    <!-- Main Stylesheet File -->
    <link href="css/style.css" rel="stylesheet">

    <!-- =======================================================
      Theme Name: Rapid
      Theme URL: https://bootstrapmade.com/rapid-multipurpose-bootstrap-business-template/
      Author: BootstrapMade.com
      License: https://bootstrapmade.com/license/
    ======================================================= -->
</head>

<body>
<!--==========================
Header Inject from components/header.html
============================-->
<header id="header">

</header><!-- #header -->

<!--==========================
  Intro Section
============================-->
<section id="intro" class="clearfix" style="background:url('https://cdn.jsdelivr.net/gh/CV-xueba/cv-xueba-cdn@master/img/bg-1.png') center top no-repeat;background-size: cover">
    <div class="container d-flex h-100 justify-content-center justify-content-md-start">
        <div class="row justify-content-center align-self-center">
            <div class="intro-info order-md-first order-last align-self-center">
                <h2>CV-XUEBA<br> <span>一个有爱的 </span><br><span>计算机视觉团队</span></h2>
                <div>
                    <a href="#course" class="btn-get-started scrollto"><i class="fa fa-angle-down"></i></a>
                </div>
            </div>

            <div class="col-md-6 intro-img order-md-last order-first">
                <!--          <img src="img/intro-img.svg" alt="" class="img-fluid">-->
            </div>
        </div>

    </div>
</section><!-- #intro -->

<main id="main">

    <!--==========================
      Services Section
    ============================-->
    <section id="course" class="section-bg">
        <div class="container">

            <header class="section-header">
                <h3>全部课程</h3>
                <p>已经上线的课程合集，请关注我们的持续更新...</p>
            </header>

            <div class="row">
                <div class="col-md-6 col-lg-6 wow bounceInUp" data-wow-duration="1.4s">
                    <div class="box">
                         <h4 class="title">↓ A01.计算机视觉基础（预览） ↓</h4>
                        <h4 class="title"><a href="https://www.bilibili.com/video/BV1nz4y197Qv">->在Bilibili观看完整视频<-</a>
                        </h4>
                        <h4 class="title"><a href="pages/courses/cv_basic.html">->课程资源<-</a></h4>
                        <p class="description">
                            该课程是北京邮电大学计算机学院智能科学与技术系的一门本科生课程，课程围绕计算机视觉的基本任务展开，着重介绍计算机视觉任务的一些常规处理思路与经典处理方法<br><br></p>
                    </div>
                    <div class="video-wrapper embed-responsive embed-responsive-4by3">
                        <iframe class="embed-responsive-item"
                                src="//player.bilibili.com/player.html?aid=583351037&bvid=BV1nz4y197Qv&cid=198153203&page=1&as_wide=1&high_quality=1&danmaku="
                                allowfullscreen="true" __idm_id__="217901057"></iframe>

                        <!--              <iframe class="embed-responsive-item" src="//player.bilibili.com/player.html?aid=583351037&bvid=BV1nz4y197Qv&cid=198153203&page=1&as_wide=1&high_quality=1&danmaku=" allowfullscreen="true" __idm_id__="217901057"> </iframe>-->
                    </div>
                </div>

                <div class="col-md-6 col-lg-6 wow bounceInUp" data-wow-duration="1.4s">

                    <div class="box">
                        <h4 class="title">↓ A02.计算机视觉与深度学习（预览） ↓</h4>
                        <h4 class="title"><a href="https://www.bilibili.com/video/BV1V54y1B7K3">->在Bilibili观看完整视频<-</a>
                        </h4>
                        <h4 class="title"><a href="pages/courses/cv_dl.html">->课程资源<-</a></h4>
                        <p class="description">
                            该课程是北京邮电大学的一门研究生公选课程, 课程着重介绍卷积神经网络技术及其在视觉识别与图像生成领域的应用<br>
                            <strong>本课程所涉及的教学内容与课件参考了CS231N，感谢CS231N课程团队在课程建设方面所做的工作！</strong></p>
                    </div>
                    <div class="video-wrapper embed-responsive embed-responsive-4by3">
                        <iframe class="embed-responsive-item"
                                 src="//player.bilibili.com/player.html?aid=840983192&bvid=BV1V54y1B7K3&cid=200941541&page=1&as_wide=1&high_quality=1&danmaku="
                                
                                allowfullscreen="true" __idm_id__="217901057"></iframe>

                        <!--              <iframe class="embed-responsive-item" src="//player.bilibili.com/player.html?aid=840983192&bvid=BV1V54y1B7K3&cid=200941541&page=1&as_wide=1&high_quality=1&danmaku=" allowfullscreen="true" __idm_id__="217901057"> </iframe>-->
                    </div>
                </div>

                <div class="col-md-6 col-lg-6 wow bounceInUp" data-wow-duration="1.4s">

                    <div class="box">
                        <h4 class="title">↓ A03.计算机视觉之三维重建篇-精简版（预览） ↓</h4>
                        <h4 class="title"><a href="https://www.bilibili.com/video/BV15f4y1v7pa">->在Bilibili观看完整视频<-</a>
                        </h4>
                        <h4 class="title"><a href="pages/courses/cv_3d.html">->课程资源<-</a></h4>
                        <p class="description">
                            该课程是北京邮电大学计算机学院智能科学与技术系的一门本科生课程, 课程着重介绍基于视觉的三维重建技术。<br><br><br></p>
                    </div>
                    <div class="video-wrapper embed-responsive embed-responsive-4by3">
                        <iframe class="embed-responsive-item"
                                 src="//player.bilibili.com/player.html?aid=287846024&bvid=BV15f4y1v7pa&cid=257048631&page=1"

                                allowfullscreen="true" __idm_id__="217901057"></iframe>
                    </div>
                </div>

                <div class="col-md-6 col-lg-6 wow bounceInUp" data-wow-duration="1.4s">

                    <div class="box">
                        <h4 class="title">↓ A04.视觉重建之SfM与SLAM系统核心算法 ↓</h4>
                        <h4 class="title"><a href="https://space.bilibili.com/592250247/channel/detail?cid=203781">->在Bilibili观看完整视频<-</a></h4>
                        <h4 class="title"><a href="pages/courses/cv_sfm.html">->课程资源<-</a></h4>
                        <p class="description">
                            三维重建精简版的超级扩张完全版！！摄像机成像和立体视觉基本原理，SfM算法和SLAM算法的硬核讲解！一起学习吧！<br>
                            <strong>本课程所涉及的教学内容与课件参考了CS231A，感谢CS231A课程团队在课程建设方面所做的工作！</strong>
                        </p>

                    </div>
<!--                    <div class="video-wrapper embed-responsive embed-responsive-4by3">-->
<!--                        <img src="img/cat.jpg" class="embed-responsive-item">-->
<!--                    </div>-->
                    <div class="video-wrapper embed-responsive embed-responsive-4by3">
                        <iframe class="embed-responsive-item"
                                src="//player.bilibili.com/player.html?aid=933661114&bvid=BV1mT4y1o7Q2&cid=428109282&page=1"
                                allowfullscreen="true" __idm_id__="217901057"></iframe>
                    </div>
                </div>


            </div>

        </div>
    </section><!-- #services -->
</main>

<!--==========================
  Footer Inject from components/footer.html
============================-->
<footer id="footer" class="section-bg">

</footer><!-- #footer -->

<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
<!-- Uncomment below i you want to use a preloader -->
<!-- <div id="preloader"></div> -->

<!-- JavaScript Libraries -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery-migrate/3.3.1/jquery-migrate.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.0-alpha1/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="lib/mobile-nav/mobile-nav.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/Counter-Up/1.0/jquery.counterup.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap3-contact-form/1.4.1/js/contact-form.js"></script>
<!-- Template Main Javascript File -->
<script src="js/main.js"></script>
<script type="text/javascript">
    $('#footer').load('components/footer.html')
    $('#header').load('components/header.html')
</script>
</body>
</html>
